export default {
  props: {
    // 标题选中时的样式
    activeStyle: {
      type: [String, Object],
      default: () => ({
        color: "#dc2626",
        fontSize: "14px",
      }),
    },
    // 标题未选中时的样式
    inactiveStyle: {
      type: [String, Object],
      default: () => ({
        color: "#606266",
        fontSize: "14px",
      }),
    },
    // 点击遮罩是否关闭菜单
    closeOnClickMask: {
      type: Boolean,
      default: true,
    },
    // 点击当前激活项标题是否关闭菜单
    closeOnClickSelf: {
      type: Boolean,
      default: true,
    },
    // 过渡时间
    duration: {
      type: [Number, String],
      default: 300,
    },
    // 标题菜单的高度
    height: {
      type: [Number, String],
      default: 40,
    },
    // 是否显示下边框
    borderBottom: {
      type: Boolean,
      default: false,
    },
    // 标题的字体大小
    titleSize: {
      type: [Number, String],
      default: 14,
    },
    // 下拉出来的内容部分的圆角值
    borderRadius: {
      type: [Number, String],
      default: 0,
    },
    // 菜单右侧的icon图标
    menuIcon: {
      type: String,
      default: "arrow-down",
    },
    // 菜单右侧图标的大小
    menuIconSize: {
      type: [Number, String],
      default: 14,
    },
  },
};
